<template>
  <li :class="!!$slots.icon ? 'zpon-timeline-custom-item' : 'zpon-timeline-item'">
    <template v-if="!!$slots.icon">
      <span class="zpon-timeline-icon"><slot name="icon"></slot></span>
    </template>
    <template v-else>
      <em class="zpon-timeline-icon"></em>
    </template>
    <slot></slot>
  </li>
</template>

<script type="text/babel">
export default {
  name: 'zpon-timeline-item'
}
</script>
